<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title></title>
	<link rel="stylesheet" href="../static/css/amazeui.min.css" />
	<link rel="stylesheet" href="../static/css/admin.css" />
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>

<body>
	<div id="app">
		<div class="admin-content-body">
			<div class="am-cf am-padding am-padding-bottom-0">
				<div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">资讯类别管理</strong><small></small></div>
			</div>

			<hr>

			<div class="am-g">
				<div class="am-u-sm-12 am-u-md-6">
					<div class="am-btn-toolbar">
						

						<div class="am-btn-group am-btn-group-xs">
							<button type="button" class="am-btn am-btn-default" @click="delectByIds"><span
									class="am-icon-plus"></span>
								批量删除</button>
						</div>
					</div>
				</div>
				<div class="am-u-sm-12 am-u-md-3">



				</div>
				<div class="am-u-sm-12 am-u-md-3">
					<div class="am-input-group am-input-group-sm">
						<input type="text" class="am-form-field" v-model="sortName" placeholder="请输入新闻类型">
						<span class="am-input-group-btn">
							<button class="am-btn am-btn-default" type="button" @click="all">搜索</button>
						</span>
					</div>
				</div>
			</div>
			<div class="am-g">
				<div class="am-u-sm-12">
					<template>

						<el-table :data="sort" style="width: 100%" @selection-change="choice">
							<!-- 批量删除框 -->
							<el-table-column type="selection" width="50">
							</el-table-column>

							<el-table-column type="index" label="分类id" width="180">
							</el-table-column>
							<el-table-column prop="sortName" label="分类名" width="180">
							</el-table-column>
							<el-table-column lable="操作" width="180">
								<template slot-scope="scope">
									<el-button type="primary" @click="open(scope.row)">修改</el-button>
									<el-button @click="delete1(scope.row)" type="danger">删除</el-button>
								</template>

							</el-table-column>
						</el-table>
					</template>

					<!-- 分页组件 -->
					<el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
						:current-page="currentPage" :page-sizes="[1, 5, 10, 15, 20]" :page-size="5"
						layout="total, sizes, prev, pager, next, jumper" :total="totalCount">
					</el-pagination>



				</div>

			</div>
		</div>
	</div>
	<!-- 官网提供的 axios 在线地址 -->
	<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	<!-- 开发环境版本 -->

	<script type="text/javascript" src="../static/js/jquery-1.11.3.min.js"></script>
	<script type="text/javascript" src="../static/myplugs/js/plugs.js"></script>
	<script src="../static/element-ui/lib/index.js"></script>
	<link rel="stylesheet" href="../static/element-ui/lib/theme-chalk/index.css" charset="utf-8">


</body>

</html>